// @import "../default.scss";
$--font-path: "~element-plus/theme-chalk/fonts"; @import
"~element-plus/theme-chalk/src/index";
$bgwhite10:rgba(255, 255, 255, 0.1);
$bgwhite20:rgba(255, 255, 255, 0.5);
$bgwhite0:rgba(255, 255, 255, 0);
:root{
  // --el-text-color-primary:#fff;
  // --el-text-color-regular:#fff;
}
.el-range-editor--small .el-range-input{
  background: none;
}
.el-date-editor .el-range-input{
  color: #fff;
}
.el-date-editor .el-range-separator{
  color: #fff;
}
.el-date-range-picker__editor .el-input__inner{
  color: #333;
}
.el-select .el-input__inner{
  color: #fff;
}
.el-menu{
  --el-menu-text-color:#fff;
  --el-menu-background-color:$bgwhite0;
  --el-menu-item-hover-fill:$bgwhite10;
  --el-menu-border-color:$bgwhite0;
  --el-menu-item-font-color:#fff;
  --el-text-color-secondary:#fff;
}
.el-table{
  --el-table-font-color:#fff;
  --el-table-border-color: $bgwhite0;
  --el-table-border: 0px;
  --el-table-text-color: var(--el-color-white);
  --el-table-header-text-color: var(--el-color-white);
  --el-table-row-hover-background-color: rgba(255, 255, 255, 0.2);
  --el-table-current-row-background-color: var(--el-color-primary-light-9);
  --el-table-header-background-color:  $bgwhite10;
  --el-table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);
  --el-table-background-color: $bgwhite10;
  --el-table-tr-background-color: $bgwhite10;
  --el-table-expanded-cell-background-color: var(--el-color-white);
}
.el-table tr{
  background-color:$bgwhite10;
}
.el-table__body{
  border-spacing:0 5px;
}
.el-menu--collapse{
  width: auto;
}
.el-form-item__label{
  --el-text-color-regular:#fff;
}
.el-input__inner{
  --el-input-background-color:$bgwhite0;
  --el-input-font-color:#fff;
}
.el-button-nobg{
  --el-button-background-color:$bgwhite0;

  --el-button-disabled-background-color: $bgwhite0;

  --el-button-font-color:#fff;
  // --el-button-disabled-font-color: var(--el-text-color-placeholder);
  // --el-button-disabled-border-color: var(--el-border-color-light);
  // --el-button-divide-border-color: rgba(255, 255, 255, 0.5);
}
.el-dialog{
  --el-dialog-background-color:#06386D;
  --el-text-color-primary:#fff;
}

.el-form  .el-col .el-form-item{
  background-color: rgba(255, 255, 255, 0.2);
  margin-bottom: 8px;
  padding: 10px;
}
.el-pagination{
  --el-text-color-regular:#fff;
  --el-pagination-font-color:#fff;
  --el-pagination-background-color:$bgwhite0;
  --el-pagination-button-color:#fff;
  --el-pagination-button-disabled-background-color:$bgwhite0;
}
.el-tree{
  --el-color-white:$bgwhite10;
  --el-tree-font-color:#fff;
}
.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
  background:$bgwhite10;
}
.el-tree-node__content:hover{
  background:$bgwhite10;
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content{
  --el-color-primary-light-9:$bgwhite10;
}
.el-input-group__append, .el-input-group__prepend{
  --el-color-info:#000;
}
.el-input.is-disabled .el-input__inner{
  background: none;
}
.el-loading-mask{
  background-color:rgba(255, 255, 255, 0.5);
}
.el-table tr{
  color: #fff;
}
.el-button--primary {
  --el-button-font-color: #ffffff;
  --el-button-background-color: rgb(49, 176, 213);
  --el-button-border-color: rgb(49, 176, 213);
  --el-button-hover-color: rgb(49, 176, 213);
  --el-button-active-font-color: #e6e6e6;
  --el-button-active-background-color: rgb(49, 176, 213);
  --el-button-active-border-color: rgb(49, 176, 213);
}
/*去除upload组件过渡效果*/
.el-upload-list__item {
  transition: none !important;
}
select, input, textarea{
  font-size: 14px!important;
}
$base-color-white:#fff;
$base-color-blue:rgb(49, 176, 213);
:root{
  // --el-color-primary: #{$base-color-blue};
  // --el-color-primary-light-1: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   10%
  // );
  // --el-color-primary-light-2: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   20%
  // );
  // --el-color-primary-light-3: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   30%
  // );
  // --el-color-primary-light-4: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   40%
  // );
  // --el-color-primary-light-5: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   50%
  // );
  // --el-color-primary-light-6: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   60%
  // );
  // --el-color-primary-light-7: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   70%
  // );
  // --el-color-primary-light-8: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   80%
  // );
  // --el-color-primary-light-9: mix(
  //   #{$base-color-white},
  //   #{$base-color-blue},
  //   90%
  // );
  
}
.el-form-item__content{
  width: auto;
  // min-width: 200px;
}
.el-dialog__body{
  color: #fff;
}
.el-tree-node__label{
  align-items: center;
}
.el-tree-node:focus > .el-tree-node__content{
  background: rgba(255, 255, 255, 0.1);
}
.el-input.is-disabled .el-input__inner{
  color: #fff;
}
.el-select {
  width: 100%;
}